// 侧边栏
//默认主题
$menuTextDefault:#4d4d4d;
$menuActiveTextDefault:#409EFF;
$subMenuActiveTextDefault:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951

$menuBgDefault: #fff ;//侧边栏主题色
$menuHoverDefault: #edf4ff ;//侧边栏移入色
$menuBorderRightDefault: #409EFF ;//侧边栏右侧边框色

$subMenuBgDefault:#fff;
$subMenuHoverDefault:#fff;

//绿色主题
$menuTextGreen:#bfcbd9;
$menuActiveTextGreen:#fff;
$subMenuActiveTextGreen:#fff; //https://github.com/ElemeFE/element/issues/12951

$menuBgGreen: #16181d ;//侧边栏主题色
$menuHoverGreen: #009688 ;//侧边栏主题色

$subMenuBgGreen:#1f2d3d;
$subMenuHoverGreen:#16181d;



$sideBarWidth: 200px;//侧边栏宽度

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
	//默认主题
	menuBgDefault:$menuBgDefault;
	menuTextDefault: $menuTextDefault;
	menuActiveTextDefault: $menuActiveTextDefault;
	subMenuActiveTextDefault: $subMenuActiveTextDefault;
	menuHoverDefault: $menuHoverDefault;
	subMenuBgDefault: $subMenuBgDefault;
	subMenuHoverDefault: $subMenuHoverDefault;
	//绿色主题
	menuBgGreen:$menuBgGreen;
	menuTextGreen: $menuTextGreen;
	menuActiveTextGreen: $menuActiveTextGreen;
	subMenuActiveTextGreen: $subMenuActiveTextGreen;
	menuHoverGreen: $menuHoverGreen;
	subMenuBgGreen: $subMenuBgGreen;
	subMenuHoverGreen: $subMenuHoverGreen;
  
  
  sideBarWidth: $sideBarWidth;
}
